﻿
@model HomeCareLibrary.Models.ArticlesModel
@if (Model != null)
{
    ViewBag.Title = "ArticleDetailVideo";

    ViewBag.Description = Model.article_meta_desc;
    ViewBag.Keywords = Model.article_meta_key;
}
@if (Model != null)
{<div class="main-content-inn">
        <div class="articles_4">
            <div class="article_page">
                <div class="media_rc media_artical white-box ">
                    <div class="checklist_part">
                        <span class="in_title marginTitle">@Model.article_title</span>
                        <div class="data_main">
                            <div class="middle_part">
                                <p>@(Html.Raw(Model.article_top_content))</p>
                                <p class="safety_video text-center">
                                    <iframe width="560" height="315" src="@Model.article_video" frameborder="0" allowfullscreen></iframe>
                                </p>
                                <p class="sub_title">Grill Safety</p>
                                <p>
                                    @(Html.Raw(Model.article_bottom_content))
                                </p>
                                <span class="checklist-img">
                                    @{ Html.RenderPartial("google-ad-unit-wide-1"); }</span>

                                <span class="checklist-img">
                                    @{ Html.RenderPartial("google-ad-unit-wide-1"); }</span>
                                <span class="checklist-img">
                                    @{ Html.RenderPartial("google-link-unit-2"); }
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="media_rc add_img text-center">
                    <img class="img-responsive" alt="" title="" src="@Url.Content("~/images/add_img2.jpg")">
                </div>
                <h3 class="media_artical-head">More Freezer Articles...</h3>
                @foreach (var item in Model.listArtical)
                {
                    <div class="media_artical media_rc media">
                        <a class="pull-left ui-link" href="#">
                            <img alt="" class="media-object" src="@item.article_small_image_icon"></a>
                        <div class="media-body">
                            <h4 class="media-heading">@item.article_title</h4>
                            <span class="media-data">@Html.Raw(item.article_summary)</span>
                            <span class="media-more">
                                   <a   data-name="@Model.Feature_name.Trim().Replace(" ", "-").ToLower()" href="javascript:void(0)" data-task ="@item.article_title.Trim().Replace(" ", "-")" class="ui-link articles">more <small>&#9654;</small></a>
                            </span>
                        </div>
                    </div>
                }
                <div class="media_rc add_img text-center">
                    <img class="img-responsive" alt="" title="" src="@Url.Content("~/images/add_img1.png")">
                </div>
            </div>
        </div>
    </div>
    <div class="title_btm">
        <h2>Home Care Library</h2>
        <div class="head-searchbox">
            <button type="submit" class="search_go"></button>
            <input type="text" placeholder="Search" id="Search" class="form-control">
        </div>
        <div class="panel-title library ">
            <a class="accordion-toggle collapsed" href="@Url.Action("Index", "Home")">
                <img src="images/explore-library.png" class="img-responsive">
            </a>
        </div>
    </div>
}